﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>The Tapt World</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <style type="text/css">
        body
        {
            margin:0;
            padding:0;
            background-color:#000;
        }
        .bodyDiv
        {
            background-color:#000;
            height:100%;
            width:100%;
        }
        .imageDiv
        {
            background:url("/static/img/rex.jpg");
            background-repeat:no-repeat;
            display:none;
            min-height:730px;
        }
        .text
        {
            color:#999;
            left: 170px;
            position: relative;
            top: 40px;
            display:none;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            setTimeout(continueExecution, 1000)
        });
        function continueExecution() {
            $(".imageDiv").fadeIn(3000, function () {
                $(".text").fadeIn(1000);
            });
        }
    </script>
</head>
<body>
    <div class="bodyDiv">
        <div class="imageDiv">
           <span class="text">Coming Soon.</span>
        </div>
    </div>
</body>
</html>
